<template>
  <div id="app">
     <!-- 头 -->
    <my-header></my-header>
    <!-- 内容 -->
    <div class="wrapper">
      <!-- 随着url改变而改变  使用router-view -->
      <router-view></router-view>
     
    </div>
    <!-- 底 -->
    <my-footer></my-footer>
  </div>
</template>
<script>
import MyHeader from '@/components/my-header'
import MyFooter from '@/components/my-footer'
export default {
  components:{
    MyHeader,
    MyFooter
  }
 
};
</script>

<style lang="less">

</style>
